<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录</title>
    <!-- 重置样式表 -->
    <link rel="stylesheet" href="../css/reset.css" />
    <!-- 常态化样式表 -->
    <link rel="stylesheet" href="../css/normalize.css" />
    <!-- 公共样式 -->
    <link rel="stylesheet" href="../css/common.css" />
    <link rel="stylesheet" href="../lib/swiper-bundle.css">
    <!-- 当前页样式 -->
    <link rel="stylesheet" href="../css/login.css" />
</head>

<body>
    <div class="dl">
        <!-- 左侧背景 -->
        <div class="dlz">
            <div class="img">
                <img src="../imgs/login-bg.png" alt="">
            </div>
        </div>

        <!-- 右侧登录 -->
        <div class="dly">
            <div class="login">
                <div class="logo">
                    <a href="index.html"> <img src="../imgs/loginlogo.png" alt=""></a>
                </div>
                <!-- 登录注册 -->
                <div class="log-zc">
                    <ul>
                        <li><a href="#" id="zh">账号登录</a>
                            <span></span>
                        </li>
                        <li>|</li>
                        <li><a href="#" id="sm">扫码登录</a>
                            <span></span>
                        </li>
                    </ul>
                </div>
                <!-- 提交 -->
                <div class="fom">
                    <form action="#">
                        <ul class="tj">
                            <li class="to">
                                <span></span>
                                <input type="text" id="username" placeholder="用户名/手机号/邮箱">

                            </li>
                            <li class="to">
                                <span></span><input type="text" id="password" placeholder="密码">
                            </li>
                            <li>
                                <a href="#">忘记密码</a>
                            </li>
                            <li>
                                <a href="#"><button>登录</button></a>
                            </li>
                            <li>
                                <p>还没有源码账号，<a href="register.html" class="s">立即注册 </a></p>
                            </li>
                        </ul>
                    </form>

                    <!-- 扫码登录 -->
                    <form action="#">
                        <div class="sm">
                            <div class="ewm">
                                <img src="../imgs/showqrcode.jpg" alt="">
                                <p class="pd-15">微信扫码登录</p>
                                <p class="pd">未关注源码科技公众号，请先关注后再登录</p>
                            </div>
                            <p class="pd">还没有源码账号，<a href="#" class="c">立即注册 </a></p>

                        </div>
                    </form>
                </div>
            </div>

            <!-- 弹窗 -->
            <div class="tc">
                <h1></h1>

            </div>
        </div>
    </div>

    <script src="../js/util.js"></script>
    <script src="../js/login.js"></script>




</body>

</html>